<%@page import="com.windfone.common.Constant"%>
<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="head.jsp"%>
<%@ taglib uri="/WEB-INF/recommend.tld" prefix="windfone"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>風馳電訊-用戶登錄或註冊</title>
<%@ include file="headkey.jsp" %>
<link rel="stylesheet" type="text/css" href="css/css.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="Stylesheet" type="text/css" href="css/order2.css" />
<script>
	function changePostType(type){
		var totalMoney =  document.getElementById("totalMoney");
		var textnode = totalMoney.firstChild;
		var content = textnode.nodeValue;
		var strMoney = content.substring(1,content.length);
		var allMoeny =  document.getElementById("allMoeny");
		var total=0;
		total=total+ parseFloat(strMoney);
		var postMoney =  document.getElementById("postMoney");
		if ( type=="1"){
			postMoney.innerHTML="￥40.00";
			allMoeny.innerHTML="￥"+(total+40);
		} else{
			postMoney.innerHTML="￥0.00";
			allMoeny.innerHTML="￥"+total;
		}
	}
	function submitOrder(){
		var tel1 = document.getElementById("tel1");
		var tel2 = document.getElementById("tel2");
		var tel3 = document.getElementById("tel3");
		var orderForm = document.getElementById("orderForm");
		var telnumber = document.getElementById("telnumber");
		telnumber.value = tel1.value+"-"+tel2.value+"-"+tel3.value;
		var name = document.getElementById("name");
		var email = document.getElementById("email");
		var mobile = document.getElementById("mobile");
		var zipcode = document.getElementById("zipcode");
		var detailaddress = document.getElementById("detailaddress");
		if ( name.value == ""){
			alert("名字不能为空");
			name.focus();
			return false;
		}
		if ( email.value == ""){
			alert("邮件不能为空");
			email.focus();
			return false;
		}
		if ( mobile.value == ""){
			alert(" 联系手机不能为空");
			mobile.focus();
			return false;
		}
		if ( zipcode.value == ""){
			alert("邮政编码不能为空");
			zipcode.focus();
			return false;
		}
		if ( detailaddress.value == ""){
			alert("详细地址不能为空");
			detailaddress.focus();
			return false;
		}
		orderForm.submit();
	}
</script>
<style>
#coodoo_Header a {
	font-size: 14px;
	font-weight: bold;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
</style>
<style>
html {
	color: black;
	background: white;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: 0px;
	vertical-align: top;
}

a {
	font-size: 12px;
	text-decoration: none;
}

a,a:link,a:visited {
	color: #353535;
}

a:hover {
	color: #fc6900;
}

.box3 dd.tl {
	float: left;
	width: 7px;
	height: 31px;
}

.box3 dd.tb {
	float: left;
	height: 31px;
}

.box3 dd.tr {
	float: left;
	width: 7px;
	height: 31px;
}

.box3 dd.bl {
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
}

.box3 dd.bb {
	float: left;
	height: 7px;
	font-size: 0px;
}

.box3 dd.br {
	float: left;
	width: 7px;
	height: 7px;
	font-size: 0px;
}

.box3 .gg31tleft {
	background: url(images/box1/gg31_tleft.jpg);
}

.box3 .gg31tbg {
	background: url(images/box1/gg31_tbg.jpg);
}

.box3 .gg31tright {
	background: url(images/box1/gg31_tright.jpg);
}

.box3 .gg31bleft {
	background: url(images/box1/gg31_bleft.jpg);
}

.box3 .gg31bbg {
	background: url(images/box1/gg31_bbg.jpg);
}

.box3 .gg31bright {
	background: url(images/box1/gg31_bright.jpg);
}

.box3 .gg31bg {
	clear: both;
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
}

.box03 dl.b03t dd.b03tl {
	float: left;
	width: 6px;
	height: 31px;
	background: url(images/box03_tleft.png);
}

.box03 dl.b03t dd.b03tb {
	float: left;
	height: 31px;
	background: url(images/box03_tbg.png);
}

.box03 dl.b03t dd.b03tr {
	float: left;
	width: 6px;
	height: 31px;
	background: url(images/box03_tright.png);
}

.box03 div.b03b {
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
}

.box03 dl.b03f dd.b03fl {
	float: left;
	width: 6px;
	height: 6px;
	background: url(images/box03_fleft.png);
}

.box03 dl.b03f dd.b03fb {
	float: left;
	height: 6px;
	background: url(images/box03_fbg.png);
}

.box03 dl.b03f dd.b03fr {
	float: left;
	width: 6px;
	height: 6px;
	background: url(images/box03_fright.png);
}
</style>


</head>
<body>

<div style="background-color: #FFFFFF; width: 950px; margin: 0 auto;">
<%@ include file="navigate.jsp"%> <%-- main begin --%>
<div>

<form name="orderForm" method="post" action="orderShow.action" id="orderForm">
	<div class="o2box">
		<dl class="box3">
			<dd class="tl gg31tleft"></dd>
			<dd class="tb gg31tbg" style="width: 930px;">
			<div class="tl1">购物流程</div>
			</dd>
			<dd class="tr gg31tright"></dd>
			<dd class="bg gg31bg" style="width: 939px; height: 82px;">
			<div class="lc"><img src="images/o1_img1.png" alt="" /></div>
			<div class="lc"><img src="images/o1_img2.png" alt="" /></div>
			<div class="lc"><img src="images/o2_img1.png" alt="" /></div>
			<div class="lc"><img src="images/o1_img2.png" alt="" /></div>
			<div class="lc"><img src="images/o2_img2.png" alt="" /></div>
			<div class="lc"><img src="images/sc_img3.png" alt="" /></div>
			<div class="lc"><img src="images/sc_img6.png" alt="" /></div>
			<div class="floatend"></div>
			</dd>
			<dd class="bl gg31bleft"></dd>
			<dd class="bb gg31bbg" style="width: 927px;"></dd>
			<dd class="br gg31bright"></dd>
			<dd class="floatend"></dd>
		</dl>
	</div>
	
<div class="o2box">
	<dl class="box3">
		<dd class="tl gg31tleft"></dd>
		<dd class="tb gg31tbg" style="width: 930px;">
		<div class="tl1">收货人信息</div>
		</dd>
		<dd class="tr gg31tright"></dd>
		<dd class="bg gg31bg w950">
		<dl class="shrleft">
			<dd class="label"><font color="red">*</font> 收货人姓名</dd>
			<dd class="label"><font color="red">*</font> 电子邮箱</dd>
			<dd class="label">联系电话</dd>
			<dd class="label"><font color="red">*</font> 联系手机</dd>
			<dd class="label"><font color="red">*</font> 邮政编码</dd>
			<dd class="label"><font color="red">*</font> 详细地址</dd>
			<dd class="label2">备注</dd>
		</dl>
		<dl class="shrright">
			<dd class="item1">
				<input name="name" maxlength="50" id="name"   style="width: 30%;" type="text"/>
			</dd>
			<dd class="item1">
				<input name="email" value="" maxlength="100" id="email"   style="width: 30%;" type="text"/>
			</dd>
			<dd class="item1">
				<input name="tel1" maxlength="50" id="tel1" style="width: 50px;" type="text"/> 
				<input name="tel2" maxlength="50" id="tel2"	style="width: 150px;" type="text"/> 
				<input name="tel3" maxlength="50" id="tel3" style="width: 50px;" type="text"/>
				格式: 区号-固定电话号码-分机号码 
			</dd>
			<dd class="item1">
				<input name="mobile" maxlength="50" id="mobile" 	style="width: 30%;" type="text"/>
			</dd>		
			<dd class="item1">
				<input name="zipcode" maxlength="50" id="zipcode" style="width: 30%;" type="text"/>
			</dd>
			<dd class="item1">
				<input name="detailaddress" maxlength="200" id="detailaddress"   style="width: 70%;" type="text"/>
			</dd>
			<dd class="item2">
				<textarea name="memo" rows="3" cols="20" id="memo"  style="width: 70%;"></textarea>
			</dd>
		</dl>
		<div class="floatend"></div>
		</dd>
		<dd class="bl gg31bleft"></dd>
		<dd class="bb gg31bbg" style="width: 927px;"></dd>
		<dd class="br gg31bright"></dd>
		<dd class="floatend"></dd>
	</dl>
</div>
<div class="o2box">
	<dl class="box3">
		<dd class="tl gg31tleft"></dd>
		<dd class="tb gg31tbg" style="width: 930px;">
		<div class="tl1">选择配送方式</div>
		</dd>
		<dd class="tr gg31tright"></dd>
		<dd class="floatend"></dd>
		<dd class="bg gg31bg w950" style="width: 940px;">
		<table class="t1">
			<tr>
				<th>名称</th>
				<th>描述</th>
				<th>收费方式</th>
			</tr>
			<tr>
				<td>
					<input name="rbtnPost" id="rbtnPost1" value="1" checked="checked" onclick="changePostType('1');" type="radio"/>		
					<label for="rbtnPost1" style="margin-left: 5px;"> 
						<span style="color: red; font-weight: bold;">EMS 快递</span> 
					</label>
				</td>
				<td>建议三级以下城市和顺丰不支持的地区选择</td>
				<td><span style="color: green; font-weight: bold;">40.00元</span></td>
			</tr>
			<tr>
				<td>
					<input name="rbtnPost" id="rbtnPost2" value="2" onclick="changePostType('2');" type="radio"/> 
					<label for="rbtnPost2" style="margin-left: 5px;"> 
						<span style="color: red; font-weight: bold;">顺丰快递</span> 
					</label>
				</td>
				<td>顺丰支持邮费到付，可收到货物后再自行支付邮费</td>
				<td><span style="color: green; font-weight: bold;">无</span></td>
			</tr>
		</table>
		</dd>
	</dl>
</div>

<div class="o2box">
<dl class="box3">
	<dd class="tl gg31tleft"></dd>
	<dd class="tb gg31tbg" style="width: 930px;">
	 <div class="tl1">选择支付方式</div>
	</dd>
	<dd class="tr gg31tright"></dd>
	<dd class="bg gg31bg w969" style="width: 940px;">
	<%--
	<div class="payheader" onclick="PayTypeClick('4')">在线支付</div>
	 --%>
	<div id="paytype4" style="display: block;">
	<dl class="payitem">
		<dd class="radio">
			<input name="rbtnPayType" id="rbtnPayType1" value="1"    type="radio"/>
		</dd>
		<dd class="payname"><label for="rbtnPayType1">云网在线支付（手续费：无）</label>
		</dd>
		<dd class="deta">
		<p>推荐一：云网在线支付 <font style="color: rgb(255, 0, 0);">免收手续费</font></p>
		</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio">
			<input name="rbtnPayType" id="rbtnPayType2" value="2"  checked="checked"  type="radio"/>
		</dd>
		<dd class="payname"><label for="rbtnPayType2">支付宝（手续费：无）</label>
		</dd>
		<dd class="deta">
		<p>推荐二：支付宝在线支付 <font style="color: rgb(255, 0, 0);">免收手续费</font></p>
		</dd>
	</dl>
	</div>
	<%--
	<dl class="floatend"></dl>
	<div class="payheader" onclick="PayTypeClick('5')">银行转账</div>
	<div id="paytype5" style="display: none;">
	<dl class="payitem">
		<dd class="radio"><input name="rbtnPayType" id="rbtnPayType3" value="3" onclick="ChangePayItem('3');" type="radio"/></dd>
		<dd class="payname"><label for="rbtnPayType3">农业银行（手续费：无）</label></dd>
		<dd class="deta"><p><img alt="农业银行" src="images/20100627003027421.gif" align="absMiddle"/>&nbsp;<br/>帐号：62284&nbsp; 8008
		09632&nbsp; 55510<br/>户名：赵丽纯<br/>开户行：农业银行广州羊城支行</p>
		</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio">
			<input name="rbtnPayType" id="rbtnPayType4" 	value="4" onclick="ChangePayItem('4');" type="radio"/></dd>
			<dd class="payname"><label for="rbtnPayType4">工商银行（手续费：无）</label>
		</dd>
		<dd class="deta"><img alt="工商银行"		src="images/20100627003009490.gif" align="absMiddle">&nbsp;<br>帐号：622202
		36020 5329 1225<br>户名：赵丽纯<br>开户行：工商银行广州中华广场支行</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio"><input name="rbtnPayType" id="rbtnPayType5"
			value="5" onclick="ChangePayItem('5');" type="radio"></dd>
		<dd class="payname"><label for="rbtnPayType5">招商银行（手续费：无）</label>
		</dd>
		<dd class="deta"><img src="images/20100627001433881.gif"
			border="0"> <br>账号：4682 0302 0795 8715<br>户名：赵丽纯<br>开户行：招商银行广州总统数码港支行</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio"><input name="rbtnPayType" id="rbtnPayType6"
			value="6" onclick="ChangePayItem('6');" type="radio"></dd>
		<dd class="payname"><label for="rbtnPayType6">中国建设银行（手续费：无）</label>
		</dd>
		<dd class="deta"><img alt="中国建设银行"
			src="images/20100627002159256.gif" border="0"><br>账号：6227
		0033 2475 0016 051<br>户名：赵丽纯<br>开户行：建设银行广州东华西支行</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio"><input name="rbtnPayType" id="rbtnPayType7"
			value="7" onclick="ChangePayItem('7');" type="radio"></dd>
		<dd class="payname"><label for="rbtnPayType7">交通银行（手续费：无）</label>
		</dd>
		<dd class="deta"><img src="images/20100627002535395.gif"
			border="0"><br>账号：62226 0071 0000 495970<br>户名：赵丽纯<br>开户行：交通银行广州东山支行</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio"><input name="rbtnPayType" id="rbtnPayType8"
			value="8" onclick="ChangePayItem('8');" type="radio"></dd>
		<dd class="payname"><label for="rbtnPayType8">邮政绿卡储蓄（手续费：无）</label>
		</dd>
		<dd class="deta"><img src="images/20100627003806803.gif"
			border="0"><br>账号：605810007220574306<br>户名：赵丽纯<br>开户局：广州市德政北路邮政储蓄所</dd>
	</dl>
	<dl class="payitem">
		<dd class="radio"><input name="rbtnPayType" id="rbtnPayType9"
			value="9" onclick="ChangePayItem('9');" type="radio"></dd>
		<dd class="payname"><label for="rbtnPayType9">中国银行（手续费：无）</label>
		</dd>
		<dd class="deta">
		<p><img src="images/20100827140654205.jpg" border="0"><br>账&nbsp;
		号：6013 8219 0006 5766 862<br>户&nbsp; 名：赵丽纯<br>开户行：<font
			style="font-size: 9pt; color: rgb(0, 0, 0);">中国银行广州大东门华庭支行</font></p>
		</dd>
	</dl>
	</div>
	--%>
	<dl class="floatend"></dl>
	</dd>
	<dd class="bl gg31bleft"></dd>
	<dd class="bb gg31bbg" style="width: 927px;"></dd>
	<dd class="br gg31bright"></dd>
	<dd class="floatend"></dd>
</dl>
</div>
 
<div class="o2box">
<dl class="box3">
	<dd class="tl gg31tleft"></dd>
	<dd class="tb gg31tbg" style="width: 930px;">
	<div class="tl1">您的商品信息</div>
	</dd>
	<dd class="tr gg31tright"></dd>
	<dd class="floatend"></dd>
	<dd class="bg gg31bg w950" style="width: 940px;">
	<table class="t1">
		<tr>
			<th>商品类别</th>
			<th>商品名称</th>
			<th>属性</th>
			<th>配件</th>
			<th>价格</th>
			<th>数量</th>
			<th>小计</th>
		</tr>
		<c:forEach var="mobile" items="${orderList}" varStatus="status">  
		<tr>
			<td class="g">
				<c:if test="${goodstype == 0 }">手机</c:if>
			  	<c:if test="${goodstype == 1 }">配件</c:if>
			</td>
			<td class="g">${mobile.name }</td>
			<td class="g"><c:if test="${ mobile.colorName != null }">${ mobile.colorName }</c:if></td>
			<td class="g">${mobile.standard}</td>
			<td class="g money">￥${mobile.price }</td>
			<td class="g">${ mobile.orderNumber }</td>
			<td class="g money">${mobile.price * mobile.orderNumber }</td>
			<c:set var="total" value="${total+ (mobile.price * mobile.orderNumber)}"/>
		</tr>
		</c:forEach>
	</table>
	</dd>
	</dl>
</div>
<div class="o2box">
<dl class="box3">
	<dd class="tl gg31tleft"></dd>
	<dd class="tb gg31tbg" style="width: 930px;">
	<div class="tl1">订单金额</div>
	</dd>
	<dd class="tr gg31tright"></dd>
	<dd class="floatend"></dd>
	<dd class="bg gg31bg w950" style="width: 940px;">
	<div id="_upPanel">
	<table class="t1">
		<tr>
			<th>商品总额</th>
			<th>附加总额</th>
			<th>支付费率</th>
			<th>配送费率</th>
			<th>积分兑换</th>
			<th>订单总额</th>
		</tr>
		<tr>
			<td class="g"><span class="r" id="totalMoney">￥${total }</span></td>
			<td class="g"><span class="r">￥0.00</span></td>
			<td class="g"><span class="r">￥0.00</span></td>
			<td class="g"><span class="r" id="postMoney">￥40.00</span></td>
			<td class="g"><span class="blue">￥0.00</span></td>
			<td class="g money" id="allMoeny">￥${(total +40)}</td>
		</tr>
	</table>
	</div>
	</dd>
</dl>
</div>

	<div id="_upNext"></div>
	<div style="text-align: right; padding-top: 20px;">
		<div style="width: 332px;">
			<div style="padding: 21px 5px 0pt 0pt; float: left; width: 93px; height: 23px;">
				<a href="mobileCenter.action">
					<img	src="images/o2_img9.png" alt="继续购物"/>
				</a>
			</div>
			<div style="padding: 21px 5px 0pt 0pt; float: left; width: 93px; height: 23px;">
				<a	href="myShoppingCar.action">
					<img src="images/o2_img10.png" alt="编辑购物车"/>
				</a>
			</div>
			<div style="float: left; width: 136px; height: 44px;">
				<input type="image"  onclick="submitOrder();return false"  style="border-width: 0px;" src="images/o2_img11.png"  />		
				<input type="hidden" name="telnumber" id="telnumber"/>
				<input type="hidden" name="orderHiddenSession" value="<% java.util.Date date = new java.util.Date();out.println(date.getTime()); session.setAttribute("orderSession",date.getTime());%>"/>
				
			</div>
			<div class="floatend"></div>
		</div>
	</div>
	
	</form>
</div>



 


<%-- main end --%>
<%@ include file="bottom.jsp"%>
</div>
<div style="width: 950px; height: 15">&nbsp;</div>
</body>
</html>
